@import "./global";

#app {

}

.baidu-map,
.gaode-map,
.ehl-map {
  box-sizing: border-box;

  .map-name {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #DDDDDD;
  }

  .example {
    padding: 10px 10px;

    > a {
      padding: 0 20px;
    }
  }

  .demo {
    padding: 0 10px;
    box-sizing: border-box;
  }

  .map-container {
    position: relative;
    background: white;
    border-radius: 2px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #DDDDDD;

    .map {
      position: relative;
      width: 100%;
      height: 600px;
      box-sizing: border-box;
    }
  }
}

.gaode-demo2 {
  font-size: 0;
  vertical-align: top;

  .map-wrap {
    .show-info {
      height: 50px;
      padding: 10px 10px;
      font-size: 14px;
    }

    width: 50%;
    display: inline-block;
    box-sizing: border-box;
  }
}
